﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>加分扣分管理</title>
<link href="/css/layout.css" rel="stylesheet" type="text/css" />
<link href="/css/cb.css" rel="stylesheet" type="text/css" />
<link href="/css/n.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css"
	href="/easyui/themes/default/easyui.css" />
<link rel="stylesheet" type="text/css" href="/easyui/themes/icon.css" />
<link rel="stylesheet" type="text/css" href="/easyui/demo/demo.css" />
<link rel="stylesheet" type="text/css"
	href="/js/laypage/skin/laypage.css" />

<script type="text/javascript" src="/easyui/jquery.min.js"></script>
<script src="/js/vue/vue.min.js" charset="utf-8"></script>
<script type="text/javascript" src="/easyui/jquery.easyui.min.js"></script>
<script type="text/javascript" src="/js/laypage/laypage.js"></script>
<script type="text/javascript" src="/laydate/laydate.js"></script>
<script type="text/javascript" src="/js/examine.js"></script>
</head>
<body>
	<div id="app">
		<table width="99%" border="0" align="center" cellpadding="0"
			cellspacing="0">
			<tr>
				<td width="1%" align="left" background="/images/b2.jpg"><img
					src="/images/b1.jpg" width="10" height="26" /></td>
				<td width="68%" background="/images/b2.jpg"><table width="124"
						border="0" align="left" cellpadding="0" cellspacing="0">
						<tr>
							<td width="20" align="left"><img src="/images/tz.gif"
								width="10" height="16" /></td>
							<td width="104" align="left" class="biao">查找加分扣分信息</td>
						</tr>
					</table></td>
				<td width="31%" align="right" background="/images/b2.jpg"><img
					src="/images/b3.jpg" width="9" height="26" /></td>
			</tr>
		</table>
		<table width="99%" border="0" align="center" cellpadding="3"
			cellspacing="1" bgcolor="#AEDEF4">
			<tr>
				<td align="center" bgcolor="#E2F7FE">
					<form id="form1" name="form1" method="post" action="">
						<table width="80%" border="0" cellspacing="1" cellpadding="3">
							<tr>
								<td width="10%" align="right">矫正单位:</td>
								<td width="10%" align="left"><input type="text" id="cunit"
									size="15" /></td>
								<td width="10%" align="right">姓名:</td>
								<td width="10%" align="left"><input type="text" id="cname"
									size="15" /></td>
								<td width="10%" align="right">类别:</td>
								<td width="10%" align="left"><select id="cclazz">
										<option value="">任意</option>
										<option value="加分">加分</option>
										<option value="扣分">扣分</option>
								</select></td>
								<td width="10%" align="right">加扣日期:</td>
								<td width="10%" align="left"><input placeholder="请选择日期"
									class="laydate-icon" onclick="laydate()" id="cdate" /></td>
								<td width="5%" align="center"><input type="button"
									onclick="queryBonusPoints()" value="查找" /></td>
								<td width="35%" align="right"><input type="button"
									onclick="addBonusPoints()" value="增加记录" /><input type="button"
									onclick="downloadBonusPoints()" value="导出Excel" /></td>
							</tr>
						</table>
					</form>
				</td>
			</tr>
		</table>

		<table width="50%" border="0" cellspacing="0" cellpadding="0">
			<tr>
				<td height="5"></td>
			</tr>
		</table>
		<table width="99%" border="0" align="center" cellpadding="0"
			cellspacing="0">
			<tr>
				<td width="1%" align="left" background="/images/b2.jpg"><img
					src="/images/b1.jpg" width="10" height="26" /></td>
				<td width="68%" background="/images/b2.jpg"><table width="124"
						border="0" align="left" cellpadding="0" cellspacing="0">
						<tr>
							<td width="20" align="left"><img src="/images/tz.gif"
								width="10" height="16" /></td>
							<td width="104" align="left" class="biao">加分扣分信息列表</td>
						</tr>
					</table></td>
				<td width="31%" align="right" background="/images/b2.jpg"><img
					src="/images/b3.jpg" width="9" height="26" /></td>
			</tr>
		</table>
		<table width="99%" border="0" align="center" cellpadding="3"
			cellspacing="1" bgcolor="#AEDEF4" style="border: 1px solid #AEDEF4">
			<thead>
				<tr>
					<td width="50px" height="25" align="center" bgcolor="#EFFBFE">
					<input type="checkbox" id="allcheck" name="allcheck"/>
					</td>
					<td width="100px" height="25" align="center" bgcolor="#EFFBFE">序号</td>
					<td align="center" width="200px" bgcolor="#EFFBFE">矫正单位</td>
					<td align="center" width="100px" bgcolor="#EFFBFE">姓名</td>
					<td align="center" bgcolor="#EFFBFE">加扣分日期</td>
					<td align="center" bgcolor="#EFFBFE">加扣分类别</td>
					<td align="center" bgcolor="#EFFBFE">加扣分数</td>
					<td align="center" bgcolor="#EFFBFE">管理操作</td>
				</tr>
			</thead>
			<tbody>
				<tr v-for="(item,index) in result"
					onmouseout="this.style.backgroundColor='#ffffff'" bgcolor="#ffffff"
					onmouseover="this.style.backgroundColor='#E6F2FF'">
					<td height="25" align="center" ><input type="checkbox"  name="check" :value="item.id" />
					</td>
					<td height="25" align="center">{{index+1}}</td>
					<td align="center" class="t5"><div align="center">
							<strong>{{item.jname}}</strong>
						</div></td>
					<td align="center">{{item.cname}}</td>
					<td align="center">{{item.date}}</td>
					<td align="center" v-if="item.clazz=='扣分'" style="color: red"   >{{item.clazz}}</td>
					<td align="center" v-if="item.clazz=='加分'" style="color: green" >{{item.clazz}}</td>
					<td align="center" v-if="item.clazz=='扣分'" style="color: red"   >{{item.point}}</td>
					<td align="center" v-if="item.clazz=='加分'" style="color: green" >{{item.point}}</td>
					<td align="left">
						<div align="left" style="padding-left: 5px">
							<div align="center">
								<input type="button" @click="checkBonusPoints(item.id)"
									value="查看" /> <input type="button" @click="editBonusPoints(item.id)"
									value="修改" /> <input type="button"
									@click="delBonusPoints(item.id)" value="删除" />
							</div>
						</div>
					</td>

				</tr>
				<tr>
					
					<td colspan="8" align="center">
						<div id="pagediv"></div>
					</td>
				</tr>
			</tbody>
		</table>
		<!-- 增加加分扣分记录弹出框 -->
		<div id="addbonuspoints" style="background-color: #AEDEF4"></div>
		<!-- 查看加分扣分记录弹出框 -->
		<div id="checkbonuspoints" style="background-color: #AEDEF4"></div>
		<!-- 修改加分扣分记录弹出框 -->
		<div id="editbonuspoints" style="background-color: #AEDEF4"></div>
	</div>

	<script>
		var app = new Vue({
			el : '#app',
			data : {
				result : []
			}
		});
		//获取加分扣分记录列表
		getBonusPointsList();
	</script>
</body>
</html>